<form [formGroup]="appForm">
  <nz-form-item>
    <nz-form-label nzRequired nzFor="appName">应用名称</nz-form-label>
    <nz-form-control>
      <input nz-input formControlName="appName" id="appName" placeholder="输入企业名称" />
      <nz-form-explain *ngIf="!(appForm.get('appName').valid || appForm.get('appName').untouched)">
        <span class="text-danger" *ngIf="appForm.get('appName').hasError('required')">
          带*项不能为空!
        </span>
      </nz-form-explain>
    </nz-form-control>
  </nz-form-item>

  <nz-form-item>
    <nz-form-label nzFor="" nzRequired>应用路径</nz-form-label>
    <nz-form-control>
      <input type="text" nz-input nzSize="default" formControlName="path" placeholder="请输入应用路径">
      <nz-form-explain *ngIf="!(appForm.get('path').valid || appForm.get('path').untouched)">
        <span class="text-danger" *ngIf="appForm.get('path').hasError('required')">带*项不能为空!</span>
      </nz-form-explain>
    </nz-form-control>
  </nz-form-item>

  <nz-form-item>
    <nz-form-label nzFor="">上传文件</nz-form-label>
    <nz-form-control>
      <nz-upload [(nzFileList)]="fileList" [nzBeforeUpload]="beforeUpload" nzMultiple [nzFilter]="filters"
        [nzShowButton]="fileList.length < 1">
        <button nz-button nzType="primary" nzGhost>
          上传war包<i nz-icon type="arrow-up" theme="outline"></i>
        </button>
        <span style="color:#fff;text-indent: 2em">支持文件类型: war</span>
      </nz-upload>
    </nz-form-control>
  </nz-form-item>

  <nz-form-item>
    <nz-form-label nzFor="">描述</nz-form-label>
    <nz-form-control>
      <textarea rows="4" nz-input formControlName="description"></textarea>
    </nz-form-control>
  </nz-form-item>

  <nz-form-item>
    <nz-form-control class="modal-footer">
      <button nz-button [nzType]="'primary'" (click)="handleUpload()" style="margin-top: 16px">
        确&nbsp;&nbsp;&nbsp;&nbsp;定
      </button>
      <button nz-button nzType="default" class="modal-footer-btn" nzGhost>取&nbsp;&nbsp;&nbsp;&nbsp;消</button>
    </nz-form-control>
  </nz-form-item>
</form>